.UserGrid-box{
	width: 750rpx;
	/* #ifdef H5 || MP || APP-VUE */
	display: flex;
	view {
		display: flex;
	}
	/* #endif */
	justify-content: center;
	align-items: center;
	padding: 20rpx 0;
	.UserGrid{
		width: 690rpx;
		border-radius: 20rpx;
		background-color: #fff;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.Title{
			width: 690rpx;
			padding-top: 30rpx;
			padding-left: 30rpx;
			padding-right: 30rpx;
			margin-bottom: 20rpx;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			.left-Tit{
				.Tit-text{
					color: #000;
					font-weight: 700;
					/* #ifdef H5 || MP || APP-VUE */
					font-size: 32rpx;
					/* #endif */
					/* #ifdef APP-NVUE || APP-PLUS-NVUE */
					font-size: 40rpx;
					/* #endif */
				}
			}
			.right-icons{
				justify-content: center;
				align-items: center;
				.icons{
					.nvueiconfont{
						color: #b7b8bc;
						font-size: 30rpx;
					}
				}
			}
		}
		.grid {
			width: 690rpx;
			flex-direction: row;
			flex-wrap: nowrap;
			background-color: #FFFFFF;
			border-radius: 20rpx;
			padding: 26rpx 0;
			justify-content: flex-start;
			align-items: center;
			.grid-item{
				width: 172.5rpx;//690/4
				justify-content: center;
				align-items: center;
				//background-color: #71D5A1;
				.Image-box{
					width: 66rpx;
					height: 66rpx;
					.Image{
						width: 66rpx;
						height: 66rpx;
					}
				}
				.Tit{
					margin-top: 20rpx;
					.Tit-text{
						color: #292929;
						/* #ifdef H5 || MP || APP-VUE */
						font-size: 24rpx;
						/* #endif */
						/* #ifdef APP-NVUE || APP-PLUS-NVUE */
						font-size: 28rpx;
						/* #endif */
					}
				}
			}
		}
	}
}



